<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<base href="http://1stjs.googlecode.com/svn/trunk/fw4/" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script type="text/javascript" src="1st.js"></script>
</head>

<body>
<h3>新浪幻灯片</h3>
<style>
body{font-size:12px;}
#sbox01{padding:3px; width:450px; border:1px solid #7c96c6; background-color:#fff;}
#sbox01 table{width:450px;}

#sbox01 .panel{height:302px;}
#sbox01 .panel a{display:none;}
#sbox01 .panel img{border:0;width:406px;height:302px;}

#sbox01 .title{}
#sbox01 .title p{display:none;text-align:center;}

#sbox01 .tab{width:220px; float:left;}
#sbox01 .tab span{cursor:pointer;float:left;margin:4px 2px;padding:2px; width:16px; height:14px; line-height:14px; border:1px solid #5673a8; color:#008; background-color:#cfe6ef; text-align:center;}
#sbox01 .tab span.focus{background-color:#fff;}

#sbox01 .btn b{width:23px; height:18px; display:block; float:left; margin:0 2px; cursor:pointer;}
#sbox01 .prev{background-image:url(data/img/slides/sina/prev.gif);}
#sbox01 .next{background-image:url(data/img/slides/sina/next.gif);}
#sbox01 .play{background-image:url(data/img/slides/sina/play.gif);}
#sbox01 .pause{background-image:url(data/img/slides/sina/pause.gif);}
</style>
<div id="sbox01">
	<table>
		<tr bgcolor="#ccc">
			<th colspan="3" align="center" height="380">
				<div class="panel">
					<a href="javascript:void(0);" style="display:inline;"><img src="data/img/slides/sina/01.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/02.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/03.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/04.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/05.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/06.jpg"></a>		
					<a href="javascript:void(0);"><img src="data/img/slides/sina/07.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/08.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/09.jpg"></a>
					<a href="javascript:void(0);"><img src="data/img/slides/sina/10.jpg"></a>		
				</div>
				<div class="title">
					<p style="display:block;">弗吉尼亚理工大学充满悲痛</p>
					<p>学生自发在约翰斯顿宿舍楼前献花</p>
					<p>学生自发树立VT纪念碑</p>
					<p>万人追思枪案死难者</p>
					<p>万人追思弗吉尼亚理工大学枪案死难者</p>
					<p>弗吉尼亚工学院学生为遇难同学守夜</p>
					<p>弗吉尼亚工学院学生为遇难同学守夜</p>
					<p>学生高举标牌表达对死难者的悼念</p>
					<p>数百名记者云集校园</p>
					<p>发生第一起枪击案的约翰斯顿宿舍楼</p>	
				</div>
			</th>
		</tr>
		<tr bgcolor="#eee">
			<td class="tab">
				<span class="focus">1</span>
				<span>2</span>
				<span>3</span>
				<span>4</span>
				<span>5</span>
				<span>6</span>
				<span>7</span>
				<span>8</span>
				<span>9</span>
				<span>10</span>
			</td>
			<td>
				速度 <select name="select" style="width: 45px;"><option value="5000">5秒</option><option value="10000">10秒</option></select>
			</td>
			<td class="btn">
				<b class="prev"></b><b class="play"></b><b class="pause"></b><b class="next"></b>
			</td>
		</tr>
	</table>
</div>

<script type="text/javascript">F("sbox01").slides({autoplay:5000});</script>
</body>
</html>
